<template>
    <div style="height: 100%;">
        <Table
        border
      height="800"
      :columns="colData"
      :data = historyData
    ></Table>
    </div>
</template>

<script>

export default {
    props:{
       historyData:{
           type:Array
       } 
    },
    data() {
        return {
            colData:[
                {title:"时间",key:"datetime",align: "center"},
                {title:"异常状态",key:"status",align:"center"}
            ]
        }
    },
}
</script>

<style lang="less">
@table-background-color: #0a4271;

.monitor-table .ivu-table {
  color: #fff;
  font-size: 16px;
  background-color: #01237c;
  overflow-x: hidden;
  overflow-y: hidden;
}
// 表格字体
.monitor-table .ivu-table td {
  font-size: 16px;
}
// 表格头的字体
.monitor-table .ivu-table th {
  background-color: @table-background-color;
  font-size: 16px;
  height: 30px;
}
.monitor-table .ivu-table-wrapper {
  border: 1px solid @table-background-color;
  height: 100% !important;
}
.monitor-table .ivu-table:after {
  background-color: @table-background-color;
}
.monitor-table .ivu-table td,
.ivu-table th {
  border-bottom: 1px solid @table-background-color;
}
// 合规
.monitor-table .ivu-table .demo-table-info-cell-legal {
  color: #13c2c2;
  font-weight: bold;
}
// 违规
.monitor-table .ivu-table .demo-table-info-cell-illegal {
  color: #ffec3d;
  font-weight: bold;
}
.monitor-table .ivu-table-row-highlight td {
  background-color: #36cfc987 !important;
}
.demo-table-row-selected {
  background-color: #ffec3d;
}
.table-detail-xxx .ivu-icon-ios-close {
  font-size: 61px !important;
}    
</style>